<script setup>
// About 页面：介绍作者与项目背景
</script>

<template>
  <section class="page">
    <h2 class="title">关于我</h2>
    <p>你好，我是一个正在学习前端的小白。这是用 Vue + Vite 搭建的练手博客项目。</p>
    <ul>
      <li>学习目标：理解组件、路由、数据绑定</li>
      <li>代码风格：尽量语义化，简洁易读</li>
      <li>后续计划：接入 Mock API，做增删改查</li>
    </ul>
  </section>
</template>

<style scoped>
.page { padding: 24px; }
.title { font-size: 22px; margin: 0 0 12px; }
</style>

<!--
学习笔记（b.4）：
- 目标：理解静态页面的结构与样式
- 可扩展：你可以把这页改成作者信息卡片，或者放联系方式、GitHub 链接等
-->